
body,h1,h2,h3,h4,h5,h6,p,a,span,strong,ul,li{
    padding:0;
    margin:0;
    font-family: "微软雅黑";
    color: #959595;
    font-size: 12px; 
}   
li{
    list-style: none; 
}
a{
    text-decoration: none;  
}   
input{
    outline: none;
    border:none;
    font-family: "微软雅黑"; 
} 
 /*解决IE7，IE8下图片有边框的问题*/
img{
    border: none;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}  
.clearfix{
    zoom:1;  
}  
.boss{
    width: 1920px;
    height: 4180px;  
}   
.header,.services,.blank,.services-text,.case,.casepicture,.news-center,.contact,.contact-bottom,.contact-bottom .msg,.footer-center,.footer-top,.foot-bottom{
    width: 1201px; 
}   
.header,.banner-text,.services,.services-block .bk,.case{
    margin:0 auto; 
}    
.header{
    height:120px ;
    overflow: hidden;  
}    
.header-logo,.header-index,.header-text{
    float: left;
    height: 80px;
    margin-top: 20px;  
}  
.header-logo{
    width: 378px;  
} 
.header-index{
    width: 622px;
    position:relative ;  
}
.header-index ul{
    font-size: 0;  
}
.header-index li{
    float:left;
    line-height:80px;
    margin-right: 58px;  
}
.index-short{
    width:20px;
    height: 2px;
    background-color:#959595;
    position:absolute;
    top: 55px;
    left:95px;  
}
.header-text{
    width: 201px;
    text-align: right;
    line-height: 80px;  
}
.header-text input{
    width:160px;
    height: 30px;
    line-height: 30px;/*input加行高可以解决IE7，IE8下type=text内文本靠上的问题*/
    border-top: 2px solid #959595;
    border-bottom: 2px solid #959595;
    background: url(img/search.png) no-repeat 139px 4px;  
}
.banner{
    height: 650px;
    background:url(img/banner.png);
    overflow: hidden;   
}
.banner-text {
    width: 320px;
    height: 163px;
    margin-top: 244px;
    text-align: center; 
    color: #fff; 
}
.banner-web{
    font-size: 22px;
    line-height: 22px;  
}
.banner-short{
    width: 30px;
    height: 2px;
    background-color: white;
    margin: 16px auto 20px auto;  
}
.banner-net{
    font-size: 42px;
    letter-spacing: 7px;
    line-height: 42px;
    margin-bottom: 22px;  
}
.banner span{
    font-size: 14px;  
}
.services{
    height: 506px; 
}
.blank{
    height: 99px;
    background-color: #fff;  
}
.services-text{
    height: 181px;
    text-align: center;  
}
.services-text p{
    font-size: 32px;
    height: 32px;  
}
.bk{
    width: 25px;
    height: 4px;
    background-color: #959595;
    margin: 19px auto 22px auto;  
}
.services-text span{
    font-size: 18px; 
}
.services-block{
    width: 201px;
    height: 226px;
    margin-right: 49px;
    float: left;
    text-align: center;  
}
.services-block p{
    font-size: 14px;
    line-height: 14px;
    margin: 29px 0 34px 0;  
}
.services-block .bk{
    width: 27px;
    background-color: #c8c8c8;  
}
.about{
    height: 482px;
    background-color: #f3f3f3;  
}
.about-text{
    width: 721px;
    height: 100%;
    float: left;
    text-align: left;
    margin-left: 358px;  
}
.about-text h2{
    font-size:34px;
    height: 34px;
    margin: 100px 0 20px 0;  
}
.about-text p{
    font-size: 16px;
    height: 16px;  
}
.about-text .bk{
    width: 27px;
    margin: 22px 0 30px 0;  
}
.about-text span{
    display:block;
    height: 12px;
    margin-bottom: 10px;  
}
.about-text .btn{
    width: 62px;
    height: 19px;
    background-color: #5a9eff;
    text-align: center;
    line-height: 19px;
    margin-top: 24px;
}
.about-text .btn a{
    color: #fff;
}
.about-banner{
    width: 841px;
    float: left;  
}
.case{
    height: 278px;
    text-align: center; 
}
.case .blank{
    height: 100px;   
}
.case .bk,.casepicture,.news-center,.contact,.contact-top .bk,.contact-bottom,.footer-center{
    margin:0 auto;  
}
.case p{
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    margin:20px 0 25px 0 ;  
}
.case span{
    font-size: 18px;
    display: block;
    height: 18px;  
}
.casepicture{
    height: 384px;  
}
.casepicture .cp-child{
    width: 201px;
    height: 290px;
    float: left;
    margin-right: 49px;
    text-align: left;  
}
.casepicture .cp-child div{
    width: 201px;
    height: 201px;
    overflow: hidden;  
}
.casepicture .cp-child p{
    width: 201px;
    height: 34px;
    border-bottom: 2px solid #959595;
    padding-top: 20px;
    margin-bottom: 22px;  
}
.casepicture .cp-child span{
    display: block;
    height: 12px;  
}
.casepicture .cp-right{
    width: 201px;
    height: 290px;
    float: left;
    margin-right:0px;
    background-color: #5a9eff;
    text-align: center;  
}
.casepicture .cp-right img{
    margin-top: 94px;  
}
.casepicture img:hover,.news img:hover{
    opacity: 0.5;  
}
.news{
    height: 686px;
    background-color: #f3f3f3;  
}
.news .blank{
    height:106px;
    background-color: #f3f3f3;  
}
.news-left{
    float: left;
    width: 201px; 
}
.question{
    height: 115px;
    border-top:4px solid #959595;
    border-bottom:4px solid #959595;
    text-align: center;
    overflow: hidden;
    margin-bottom: 50px;  
}
.question h3{
    font-size: 32px;
    margin: 21px;
    height: 32px;  
}
.question p{
    font-size: 20px;  
}
.question-picture{
    width: 100%;
    height: 298px;
    background-color:#5a9eff;
    text-align: center;  
}
.question-picture img{
    margin-top: 100px;  
}
.news-child{
    float: left;
    width: 201px;
    height: 100%;
    margin-left:49px; 
}
.news-child p{
    width: 201px;
    border-bottom: 2px solid #959595;
    margin-bottom: 30px;
    padding-bottom: 20px;  
}
.news-child p span{
    font-size: 46px;
    display: inline-block;
    margin-left: 90px;
    height: 46px;  
}
.news-child  .child-pic{
    width: 201px;
    height: 281px;
    overflow: hidden;
    margin-bottom: 18px;  
}
.news-child .bk{
    margin:0;
    background-color: #c8c8c8;  
}
.contact{
    height: 540px;
    margin-top: 92px;  
}
.contact-top{
    width: 100%;
    height: 100px;
    text-align: center;  
}
.contact-top span{
    display: block;
    margin: 25px 0 20px 0;  
}
.contact-bottom .name{
    border-bottom: 2px solid #cecece;
    width: 321px;
    padding:78px 0 10px 0; 
}
.contact-bottom .msg{
    padding:78px 0 10px 0; 
    border-bottom:2px solid #cecece;  
}
.contact .btn{
    width:131px;
    height:41px;
    border:2px solid #cecece;
    background-color: #fff;
    margin: 80px 0 0 440px; 
    color: #959595; 
}
.contact .set{
    width: 135px;
    height:41px ;
    background-color: #5a9eff;
    margin-left: 51px;
    color: #fff;  
}
.footer{
    width: 1920px;
    height: 443px;
    background-color: #f3f3f3;  
}
.footer-center{
    height: 443px; 
}
.footer-top{
    padding-top:96px;
    height: 197px;
    border-bottom: 2px solid #cecece;  
}
.footer-top ul{
    float: left;
    margin-right: 78px;
    letter-spacing: 2px;  
}
.footer-top ul li{
    margin-bottom:9px;  
}
.footer-top ul .city{
    font-size: 16px;
    width: 241px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #cecece;   
}
.footer-top span{
    margin-left:45px;  
}
.footer-top ul .number{
    font-size: 22px;  
}
.footer-bottom{
    position: relative; 
}
.footer-bottom p{
    float: left;
    padding-top: 28px;  
}
.footer-bottom ul{
    float: right;
    font-size: 0;
    padding:28px 76px 0 0;  
}
.footer-bottom ul li{
    float: left;
    margin-left: 36px;  
}
.footer-bottom .return{
    width:47px;
    height: 21px;
    border:2px solid #5a9eff; 
    position: absolute;
    right: 0;
    top: 28px;
    line-height: 21px;
    text-align: center;  
}
.footer-bottom .return a{
    color:#5a9eff;  
}